*{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
a{
    text-decoration: none;
}
.header{
  width: 100%;  
  background-color: #F1F1F2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.header_top_box1,
.header_top_box2,
.header_top_box3,
.header_top_box4{
    /* background-color: chartreuse; */
    width: 20%;
    height: 100px;
    border-radius: 15px;
    margin-bottom: 30px;
}
.header_top_box1{
    background-color: #3CB6F7;
    color: #fff;
}
.header_top_box2{
    background-color: #F77A30;
    color: #fff;
}
.header_top_box3{
    background-color: #29F29D;
    color: #fff;
}
.header_top_box4{
    background-color: #FF6372;
    color: #fff;
}
.header_top_box1>span,
.header_top_box2>span,
.header_top_box3>span,
.header_top_box4>span{
    font-size: 60px;
    float: left;
    margin-left: 20px;
}
.icon_left_text{
    float: left;
    padding: 10px 20px;
    height: 100px;
}
.shuzi{
    font-size: 30px;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
}
.icon_left_text>p:nth-of-type(2){
    text-align: center;
}

/* 维修线开始*/
.weixiuxian_box{
    margin-top: 40px;
    background-color: #fff;
}
.weixiuxian{
    margin-top: 50px;
}
.weixiuxian>h4{
    font-weight: 700;
}
.qingkuang_box{
    width: 100%;
}
.qingkuang_left{
    float: left;
}
.qingkuang_right{
    float: right;
}
.qingkuang_left>span:nth-of-type(1){
    font-weight: 600;
}
.qingkuang_left>.xian1{
    margin-left: 20px;
    font-size: 14px;
}
.qingkuang_left>span:nth-of-type(3){
   font-size: 12px;
   color: #cccccf;
}
.qingkuang_left>.xian1,
.qingkuang_right>span:nth-of-type(1){
    color: #5FA4E2;
}
.pro_bg{
    background-color: #EFF6FC;
    width: 100%;
}
.progress-bar1{
    background-color: #5FA4E2;
    width: 0;
    transition: all 0.6s linear;
}



.qingkuang_left2{
    float: left;
}
.qingkuang_right2{
    float: right;
}
.qingkuang_left2>span:nth-of-type(1){
    font-weight: 600;
}
.qingkuang_left2>span:nth-of-type(3){
    font-size: 12px;
}

.qingkuang_left2>.xian2{
    margin-left: 20px;
    font-size: 14px;
   color: #FFC6C0;
}
.qingkuang_left>.xian2,
.qingkuang_right2>span:nth-of-type(1){
    color: #FFC6C0;
}
.pro_bg2{
    background-color: #FFF7F6;
    width: 100%;
}
.progress-bar2{
    background-color: #FFC6C0;
}


.qingkuang_left3{
    float: left;
}
.qingkuang_right3{
    float: right;
}
.qingkuang_left3>span:nth-of-type(1){
    font-weight: 600;
}
.qingkuang_left3>span:nth-of-type(3){
    font-size: 12px;
}

.qingkuang_left3>.xian3{
    margin-left: 20px;
    font-size: 14px;
   color: #64C8BC;
}
.qingkuang_left>.xian3,
.qingkuang_right3>span:nth-of-type(1){
    color: #64C8BC;
}
.pro_bg3{
    background-color: #E8F7F5;
    width: 100%;
}
.progress-bar3{
    background-color: #64C8BC;
}

.qingkuang_left3{
    float: left;
}
.qingkuang_right3{
    float: right;
}
.qingkuang_left3>span:nth-of-type(1){
    font-weight: 600;
}
.qingkuang_left3>span:nth-of-type(3){
    font-size: 12px;
}

.qingkuang_left3>.xian3{
    margin-left: 20px;
    font-size: 14px;
   color: #6554C0;
}
.qingkuang_left>.xian3,
.qingkuang_right3>span:nth-of-type(1){
    color: #6554C0;
}
.pro_bg3{
    background-color: #F0EEF9;
    width: 100%;
}
.progress-bar3{
    background-color: #6554C0;
}
/* 维修线结束*/

/* 图表开始 */
#echart{
    width: 100%;
    height: 400px;
    margin-top: 50px;
}
/* 图表结束 */